import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import live2d from 'live2d-vue3'
import 'live2d-vue3/dist/live2d-vue3.css'
import opacityDirective from './directive/opacity'
import imgLazy from './directive/lazyImg'
import styleDirective from './directive/syle'
import initImgDirective from './directive/initImg'
import bottomDirective from './directive/bottom'
import moveDirective from './directive/moveBack'
import loadingDirective from './directive/loading'

const app = createApp(App)
  .use(store)
  .use(live2d)
  .use(router)
app.directive('bolang', styleDirective)
app.directive('bottom', bottomDirective)

app.directive('opacity', opacityDirective)
app.directive('lazy', imgLazy)
app.directive('initImg', initImgDirective)
app.directive('move', moveDirective)
app.directive('loading', loadingDirective)

app.mount('#app')
export default app
